<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<div style="display: flex;margin-bottom: 40px;flex-wrap: wrap;width: 600px;background: pink">-->
<!--    <div style="width:200px;height: 300px;background: red;display: inline-block"></div>-->
<!--    <div style="width:200px;height: 300px;background: yellow;display: inline-block"><p>55555</p></div>-->
<!--    <div style="width:200px;height: 300px;background: yellow;display: inline-block"><p>55555</p></div>-->
<!--    <div style="width:200px;height: 300px;background: yellow;display: inline-block"><p>55555</p></div>-->
<!--    <div style="width:200px;height: 300px;background: yellow;display: inline-block"><p>55555</p></div>-->
<!--</div>-->
<!--<div style="width:200px;height: 300px;background: red;display: inline-block"></div><div style="width:200px;height: 300px;background: yellow;display: inline-block"></div>-->
<div style="position:relative;background: blue;width: 300px;height: 300px;margin-left: 50px">
    <div style="position: absolute;left: 20px;background: red;width: 120px;height: 120px"></div>
    <div style="position: absolute;left: 20px;background: yellow;width: 120px;height: 120px"></div>
    <div style="background: green;width: 100px;height: 100px"></div>
    <div style="position:fixed;background: pink;width: 100px;height: 100px"></div>
</div>

<!--<div style="display: inline-block;background: red;width: 300px;height: 300px;vertical-align: top"><div><p>asdasdas</p></div></div>-->
<!--<div style="display: inline-block;background: yellow;width: 300px;height: 300px"><p>999</p><span>8888</span></div>-->
</body>
</html>
